
//---------------top导航栏     start-----------------------


// 点击显示
$(".area").click(function(){
	$(this).css({'border':'1px solid #CCCCCC','border-bottom':'transparent'});
	// $('.top_box').addClass('top_current');
	$(".area .top_box").css("display","block");
})
// 点叉叉隐藏  return false;取消默认事件
$('.top_box div>span>i').click(function(){
	// $('.top_box').removeClass('top_current');
	$('.top_box').css('display','none');
	$('.area').css({'border':'none','border-bottom':'transparent'});
	return false;
})

var list_location=[
{
	top_location:'北京市'
},
{
	top_location:'天津市'
},
{
	top_location:'山西省'
},
{
	top_location:'内蒙古自治区'
},
{
	top_location:'辽宁省'
},
{
	top_location:'吉林省'
},
{
	top_location:'黑龙江省'
},
{
	top_location:'上海市'
},
{
	top_location:'江苏省'
},
{
	top_location:'安徽省'
},
{
	top_location:'福建省'
},
{
	top_location:'山东省'
},
{
	top_location:'河南省'
},
{
	top_location:'湖北省'
},
{
	top_location:'湖南省'
},
{
	top_location:'广东省'
},

{
	top_location:'广西壮族自治区'
},
{
	top_location:'海南省'
},
{
	top_location:'重庆市'
},
{
	top_location:'四川省'
},
{
	top_location:'贵州省'
},
{
	top_location:'云南省'
},
{
	top_location:'西藏自治区'
},
{
	top_location:'陕西省'
},
{
	top_location:'甘肃省'
},
{
	top_location:'青海省'
},
{
	top_location:'宁夏回族自治区'
},
{
	top_location:'新疆维吾尔自治区'
},
]

function top_location(olist,oul,oli){
for(var i=0;i<olist.length;i++){
	// wrap_newsale数组
	var tags=oli.eq(0).clone(true);
	// 如果是第一个,先clone后将ul清空
	if (i==0) oul.html('');
	tags.html(olist[i].top_location);
	oul.append(tags);
}
}

top_location(list_location,$('.top_div ul'),$('.top_div ul li'));

$('.top_one>ul li').click(function(){
console.log($(this).html());
$('.area-location').html($(this).html());
console.log($('.area-location').html($(this).html()));
})

// 省份和地区table栏
$('.top_box>div>ul li').click(function(){
	$(this).addClass('current_ul').siblings().removeClass('current_ul');
	$('.top_div div').eq($(this).index()).addClass('current_div');
	$('.top_div div').eq($(this).index()).siblings().removeClass('current_div');
})

$('.top_one ul li').click(function(){
	$(this).addClass('current_background').siblings().removeClass('current_background');
})


//---------------top导航栏     end-----------------------


 //顶部滚轮事件   scroll  -----固定下滑------
        //scrollTop 不可见区域的高度
        //html 定位方式 5种 static ,fixed,absolute ,relative,

        // DOMContentLoaded 这个事件
        //原生js里如果想实现一个类似于jq的入口函数,就使用 DOMContentLoaded
        //事件监听 观察者模式
        window.addEventListener("DOMContentLoaded", function() {

        })

        $(window).load(function() {
            //因为获取高度,只需要一次 在滚动条外面写
            let topHeihgt = $(".main_nav").height();
            $(window).on("scroll", function() {
                //滚动的时候,获取不可及区域的高度  ,就是滚动条的值
                let $scrollTop = $(window).scrollTop();
                // console.log($scrollTop, topHeihgt);
                if ($scrollTop > topHeihgt) {
                    //如果滚动条的值大于了header的高度,让nav 固定在顶部
                    $(".main_nav").css("position", "fixed").css("top", "0");
                    //  底下banner 设置margin-top等于nav的高度
                    $(".banner").css("marginTop", $(".main_nav").height());

                } else {
                    // 不能设置成 字符串,只能0
                    $(".banner-bg").css("marginTop", 0);
                    $(".main_nav").css("position", "static");
                }
            })
		})
		
//侧边导航栏滚轮事件

//跳转到大牌特卖
function scrollToView () {
	document.getElementById('scroll').scrollIntoView({
		block: 'start',
		inline: 'nearest',
		behavior: 'smooth'
	})
}


//跳转到每日必看专区
function scrollToView1 () {
	document.getElementById('scroll1').scrollIntoView({
		block: 'start',
		inline: 'nearest',
		behavior: 'smooth'
	})
}

//跳转到唯品会app下载
function scrollToView2 () {
	document.getElementById('scroll2').scrollIntoView({
		block: 'start',
		inline: 'nearest',
		behavior: 'smooth'
	})
}


//轮播图
//鼠标离开  箭头移动
$(".banner-main-center").mouseleave(function () {
	$(this).find(".arr-left").css({'visibility':'visible','transfrom':'translate(33px)','transition':'all 1s'});
	// console.log('sda');
	$(this).find(".arr-right").css({'visibility':'visible','transfrom':'translate(33px)','transition':'all 1s'});
	if(timer1){
		clearInterval(timer1);//停止定时器
	}
	else{
		var a =2;
	var timer1 = setInterval (function autoPlaye() {
		if(a%2 == 0){
			$(".banner-main-center ul li:eq(1)").css('visibility','visible');
			a ++;
			// console.log(count2);
		}
		else {$(".banner-main-center ul li:eq(1)").css('visibility','hidden');a ++;}
		
	}
	,5000);
	}
	console.log('sda1');
	$(".banner-main-center").mouseenter(function () {
			
		if(timer1){
			clearInterval(timer1);//停止定时器
			return 0;
		}
		console.log('进入');
		
	})
})

$(".banner-main-center").mouseenter(function () {
	clearInterval(timer);
	
	console.log('sda');
	
})

//点击箭头  大图片的切换
var count1=1000;
$(".arr-right").click(function () {
	
	if(count1%2 == 0){
		$(".banner-main-center ul li:eq(1)").css('visibility','visible');
		count1 ++;
		// console.log(count1);
	}
	else {$(".banner-main-center ul li:eq(1)").css('visibility','hidden');count1 ++;}
	
	
})
var count2=1000;
$(".arr-left").click(function () {
	if(count2%2 == 0){
		$(".banner-main-center ul li:eq(1)").css('visibility','visible');
		count2 ++;
		// console.log(count2);
	}
	else {$(".banner-main-center ul li:eq(1)").css('visibility','hidden');count2 ++;}
	
})

//
$(".banner-bottomline1").hover(
	function () {
		$(".banner-main-center ul li:eq(1)").css('visibility','hidden');
		// console.log("dfs");
	 
	}
	
)

$(".banner-bottomline2").hover(
	function () {
		$(".banner-main-center ul li:eq(1)").css('visibility','visible');
		
	}
	
)


//设置定时器
var b = 2;

var timer = setInterval (function autoPlaye() {
	if(b%2 == 0){
		$(".banner-main-center ul li:eq(1)").css('visibility','visible');
		b ++;
		// console.log(count2);
	}
	else {$(".banner-main-center ul li:eq(1)").css('visibility','hidden');b ++;}
}
,5000);